<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="/GestionPymes/faces/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="/GestionPymes/faces/resources/css/tableLayout.css" rel="stylesheet" type="text/css" />
        <title>Gestion Pymes</title>
        <script type="text/javascript">
            function handleDrop(event, ui) {
                var droppedCar = ui.draggable;
                droppedCar.fadeOut('fast');
                
            }
        </script>
    </h:head>


    <h:body>
        <h:panelGroup rendered="#{not autenticador.logeado}">
            NO ESTA LOGEADO!! 
            <h:form>
                <h:commandButton value="Entrar" action="#{autenticador.toLogin()}"/>
            </h:form>

        </h:panelGroup>

        <h:panelGroup rendered="#{autenticador.logeado}" style="background-color: gray">



            <p:notificationBar position="top" effect="slide" widgetVar="topBar" style="z-index: 1000;opacity:0.95;background-color: black;height: 100px">

                <div  style="height: 70px;width: 100%;" onclick="topBar.hide();">
                    <table width="100%" >
                        <tr>

                            <td width="40%" valign="center" style="text-align: left; font-size: 12pt; font-weight: bolder;color: #bbbbbb">
                                GESTION PYMES - #{credencial.empresa.razonSocial} - #{credencial.sucursal.nombre}
                                <p:separator></p:separator>
                                <div>
                                    <table>
                                        <tr>
                                            <td width="60%" valign="top">
                                                <h:panelGrid columns="2" style="font-size: 10pt;">
                                                    <h:outputText value="Usuario:"/>
                                                    <h:outputText value="#{credencial.usuario.nombre} #{credencial.usuario.apellido}"/>

                                                </h:panelGrid>
                                            </td>
                                            <td width="40%" valign="top">

                                                <div style="font-size: 10pt">
                                                    <table>
                                                        <!--tr>
                                                            <td colspan="4">
                                                                <a  href="http://www.maxicambios.com.py">
                                                                    <h:graphicImage value="/imagenes/logo_maxicambios.jpg"/>
                                                                </a>
                                                            </td>
                                                        </tr-->
                                                        <tr>
                                                            <td colspan="2">
                                                                <h:outputText value="Cotización"/>
                                                            </td>
                                                            <td>
                                                                <h:outputText value="Compra"/>
                                                            </td>
                                                            <td>
                                                                <h:outputText value="Venta"/>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <h:graphicImage value="/imagenes/dolar.jpg"/>
                                                            </td>
                                                            <td>
                                                                <h:outputText value="Dólar"/>
                                                            </td>
                                                            <td>
                                                                <h:outputText value="#{servicioCotizacion.cotizacionDolar.compra}">
                                                                    <f:convertNumber locale="#{formato.locale}"/>
                                                                </h:outputText>
                                                            </td>
                                                            <td>
                                                                <h:outputText value="#{servicioCotizacion.cotizacionDolar.venta}">
                                                                    <f:convertNumber locale="#{formato.locale}"/>
                                                                </h:outputText>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>



                            </td>

                            <td width="60%" valign="center" style="text-align: center; font-size: 11pt; font-weight: bolder;color: #444444; padding-right: 10px">
                                <!--                                <ui:include src="/menu.xhtml"/>-->
                                <ui:include src="/menuprestamos.xhtml"/>

                            </td>


                        </tr>
                    </table>
                </div>


            </p:notificationBar>


            <!--ui:include src="/dock.xhtml"/-->
            
            <ui:include src="/dockprestamos.xhtml"/>


            <p:graphicImage value="/imagenes/info.png" onmouseover="topBar.show();" style="position: absolute;top:10px;left: 10px"/>
            <div style="position: absolute;top:15px;left: 70px; font-size: 12pt; font-weight: bold;">
                <ui:insert name="titulo">Titulo</ui:insert>
            </div>


            <h:form>
                <h:commandButton image="/imagenes/exit.png" id="btnCerrarSesion" action="#{autenticador.logout()}"
                                 style="position: absolute;top:10px;left: 96%"/>
            </h:form>

            <p:separator/>
            <p:outputPanel styleClass="mensajes">
                <p:growl id="mensajes"/>
            </p:outputPanel>
            

            <div style="padding: 20px">
                <ui:insert name="cuerpo"/>
            </div>
            


        </h:panelGroup>

    </h:body>

</html>
